html{
	font-size:5px;
	background:#018DED url(http://unsplash.it/1500/1000?image=881&blur=50);
	background-size:cover;
	font-family:'helvetica neue';
	text-align:center;
}
body,html{
	margin:0px;
	display:fex;
	flex:1;
	font-size:2rem;
	min-height:100vh;
	align-items:center;
    
}
.clock{
	width:20rem;
	height:20rem;
	border:20px solid white;
	border-radius:50%;
	margin:50px auto;
	padding:2rem;
	position:relative;
	box-shadow:0 0 0 4px rgba(0,0,0,0.1),
	inset 0 0 0 3px #EFEFEF,
	inset 0 0 10px black,
    0 0 10px rgba(0,0,0,0.2);
}
.clock-face{
	position:relative;
	width:100%;
	height:100%;
	transform:translateY(-3px);
}
 .hand {
      width: 50%;
      height: 6px;
      background: black;
      position: absolute;
      top: 50%;
      transform-origin: 100%;
      transform: rotate(90deg);
      transition: all 0.05s;
      transition-timing-function: cubic-bezier(0.1, 2.7, 0.58, 1);
    }
